<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>图书管理系统</title>
</head>
<script src="${pageContext.request.contextPath}/static/js/jquery-3.5.1.min.js"></script>
<link type="text/css" rel="stylesheet" href="./static/css/header.css"/>
<link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css"/>
<script src="./static/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="./static/layui/css/layui.css"/>
<script src="./static/vue/vue.min.js"></script>
<script src="./static/axios/axios.js"></script>
<style type="text/css">
    body {
        background-image: url("${pageContext.request.contextPath}/static/images/loginbg.png");
        background-position: left top, right bottom;
        /*background-repeat:no-repeat;*/
    }
</style>
<body class="img">
<div id="x1" class="container">
    <ul class="layui-nav layui-bg-cyan" style="text-align: right">
        <li class="layui-nav-item"><a href="#" @click="post('用户登录')">用户登录</a></li>
        <li class="layui-nav-item"><a href="#" @click="post('用户注册')">用户注册</a></li>
        <li class="layui-nav-item"><a href="#" @click="post('管理员登录')">管理员登录</a></li>
    </ul>
    <div class="header">
        <h1>欢迎来到图书管理系统</h1>
    </div>
</div>
<div class="container">
    <div class="col-md-8 center col-md-push-2">
        <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner" style="margin:0 auto">
                <div class="item active">
                    <%--                <div class="wrapper">--%>
                    <img class="wrapper center-block" src="static/images/rotation/r1.jpg"
                         alt="First slide">
                    <%--                </div>--%>
                    <div class="carousel-caption">欢迎</div>
                </div>
                <div class="item">
                    <img class="wrapper center-block" src="static/images/rotation/r2.jpg"
                         alt="Second slide">
                    <div class="carousel-caption">来到</div>
                </div>
                <div class="item">
                    <img class="wrapper center-block" src="static/images/rotation/r3.jpg"
                         alt="Third slide">
                    <div class="carousel-caption">图书管理</div>
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
</div>
</div>
</body>
<script>
    let prefix = "${pageContext.request.contextPath}/choose"
    new Vue({
        el: "#x1",
        methods: {
            post: function (isrc) {
                window.location = prefix + "?identity=" + isrc;
            }
        }
    })
</script>
</html>
